<%-- 
    Document   : loginlearner
    Created on : 3 déc. 2013, 11:08:57
    Author     : hp
--%>
<%@page contentType="text/html" pageEncoding="UTF-8"%>
<%@ taglib prefix="s" uri="/struts-tags"%>
<!DOCTYPE html>
<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
<!--[if (gte IE 9)|!(IE)]><!--><html lang="en"> <!--<![endif]-->
<head>

	<!-- Basic Page Needs
  ================================================== -->
	<meta charset="utf-8">
	<title>PA-Learning:Login</title>
	<meta name="description" content="">
	<meta name="author" content="Ahmed Saeed">
	<!-- Mobile Specific Metas
  ================================================== -->
	<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
	<!-- CSS
  ================================================== -->
	<link rel="stylesheet" href="${pageContext.request.contextPath}/Vues/css/bootstrap.min.css" media="screen">
	<!-- jquery ui css -->
	<link rel="stylesheet" href="${pageContext.request.contextPath}/Vues/css/jquery-ui-1.10.1.min.css">
	<link rel="stylesheet" href="${pageContext.request.contextPath}/Vues/css/customize.css">
	<link rel="stylesheet" href="${pageContext.request.contextPath}/Vues/css/font-awesome.css">
	<link rel="stylesheet" href="${pageContext.request.contextPath}/Vues/css/style.css">
	<!-- flexslider css-->
	<link rel="stylesheet" href="${pageContext.request.contextPath}/Vues/css/flexslider.css">
	<!-- fancybox -->
	<link rel="stylesheet" href="${pageContext.request.contextPath}/Vues/js/fancybox/jquery.fancybox.css">
	<!--[if lt IE 9]>
		<script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
		<script src="http://ie7-js.googlecode.com/svn/version/2.1(beta4)/IE9.js"></script>
		<link rel="stylesheet" href="css/font-awesome-ie7.css">
	<![endif]-->
	<!-- Favicons
	================================================== -->
	<link rel="shortcut icon" href="${pageContext.request.contextPath}/Vues/images/favicon.html">
	<link rel="apple-touch-icon" href="${pageContext.request.contextPath}/Vues/images/apple-touch-icon.html">
	<link rel="apple-touch-icon" sizes="72x72" href="${pageContext.request.contextPath}/Vues/images/apple-touch-icon-72x72.html">
	<link rel="apple-touch-icon" sizes="114x114" href="${pageContext.request.contextPath}/Vues/images/apple-touch-icon-114x114.html">
</head>

<body>

	<div id="mainContainer" class="clearfix">

		<!--begain header-->
		<header>
			<div class="middleHeader">
				<div class="container">

					<div class="middleContainer clearfix">

					<div class="siteLogo pull-left">
						<h1><a href="index.html">PA-Learning</a></h1>
					</div>

					<div class="pull-right">
						<form method="get" action="" class="siteSearch">
							<div class="input-append">
								<input type="text" class="span2" id="appendedInputButton" placeholder="Search...">
								<button class="btn btn-primary" type="submit" name=""><i class="icon-search"></i></button>
							</div>
						</form>
					</div>
    <div class="pull-right">

                                <div class="btn-group">
                                    <a class="btn dropdown-toggle" data-toggle="dropdown" href="#">
                                        FR <span class="caret"></span>
                                    </a>
                                    <ul class="dropdown-menu language">
                                        <li><a href="#">EN</a></li>
                                        

                                    </ul>
                                </div>
                            </div><!--end middleCoontainer-->
					
					</div><!--end middleCoontainer-->

				</div><!--end container-->
			</div><!--end middleHeader-->

			<div class="mainNav">
				<div class="container">
					                        <div class="navbar">

                            <ul class="nav">
                                <li class="active"><a href="index.jsp"><i class="icon-home"></i></a></li>
                                <li>
                                    <a href="front">A propos<i class="icon-caret-down"></i></a>
                                    <div>
                                        <ul>
                                            <li><a href="profileformateurs"> <span>-</span>Nos Formateurs<i class="icon-caret-right"></i></a>
                                      <div>
                                        <ul>
                                            <li><a href="loginprof"> <span>-</span>Connectez Vous</a></li>
                                            
                                        </ul>
                                    </div>
                                    </li>
                                            <li><a href="loginresponsable.jsp"> <span>-</span> Responsable de qualité<i class="icon-caret-right"></i></a>
                                             <div>
                                        <ul>
                                            <li><a href="loginresponsable"> <span>-</span>Connectez Vous</a></li>
                                            
                                        </ul>
                                    </div></li>
                                        
                                        </ul>
                                    </div>
                                </li>
                                <li>
                                    <a href="themeFront">Cours<i class="icon-caret-down"></i></a>
                                    <div>
                                        <ul>
                                        <s:iterator value="th">
                                            <li><a href="themeFront1?pk=<s:property value="Thid"/>"> <s:property value="Hoti"/><i class="icon-caret-right"></i></a>
                                            <div>
                                                    <ul>
                                                    <s:iterator value="module">
                                                        <li><a href="modulFront1?pk=<s:property value="Moid"/>">  <s:property value="Homo"/> </a>
                                                              
                                                        </li>
                                                    </s:iterator>    
                                                    </ul>
                                                </div>      
                                            </li>
                                            </s:iterator>
                                            
                                          
                                        </ul>
                                    </div>
                                </li>
                                 <s:set name="session" value="session['connecte']"></s:set>
                         <s:if test="%{#session ==null}" >
                                <li>
                                    <a href="loginLerner">Examen</a>
                                                                   </li>
                                </s:if>
                        <s:if test="%{#session =='true'}" >
                                <li>
                                    <a href="examthemefront">Examen</a>
                                                                   </li>
                                </s:if>
                                 
                                <li><a href="entreprise.jsp">Entreprise</a></li>
                                <li><a href="#">Forum</a></li>
                                <li>
                                    <a href="contact.html">Contactez-nous<i class="icon-caret-down"></i></a>
                                    <div>

                                    </div>
                                </li>
                                 <li><a href="#">Messagerie</a></li>
                               

                            </ul><!--end nav-->
                        </div>
				</div><!--end container-->
			</div><!--end mainNav-->
			
		</header>
		<!-- end header -->



		<div class="container">

			<div class="row">

				<div class="span9">
					<div class="login">
						<table>
							<tr>
								<td>
									<h3>Nouveaux Compte</h3>
									<p>En créant un compte,vous bénéficiez des différentes avantages  proposer dans notre site :<br/>
                                                                            *Des formations d'une grande qualité <br/>
                                                                            *Passer des Examens pour evalues vos compétances<br/>
                                                                            *Un suivi durant toute votre Formation<br/>
                                                                            *Communiquer avec des experts dans différentes domaine
                                                                         </p>
									<a href="register" class="btn">s'inscrire</a>
								</td>

								<td>
									<h3>identifier-vous</h3>
									
									<form method="Post" action="authentifLearner">
										<div class="controls">
											<label>Login: <span class="text-error">*</span></label>
                                                                                        <input type="text" name="login" value="" placeholder="example" required="">
										</div>
										<div class="controls">
											<label>Mot de passe: <span class="text-error">*</span></label>
											<input type="password" name="pass" value="" placeholder="**************" required="">
										</div>
										<div class="controls">
											<label class="checkbox">
                                                                                            <a href="">Mot de passe oublié !!</a>
										    </label>
										    <button type="submit" class="btn btn-primary">Connexion</button>
										</div>
									</form><!--end form-->
								</td>
							</tr>
						</table>
					</div><!--end login-->
				</div><!--end span9-->
                     
                                <div class="span3">
                                    <div class="titleHeader clearfix">
                                        <h3>Telecharger notre application</h3>
                                    </div><!--end titleHeader-->
                                    <ul class="unstyled my-account">
                                        
                                        <li><img src="${pageContext.request.contextPath}/Vues/img/android.jpg"/></li>
                                        <li><img src="${pageContext.request.contextPath}/Vues/img/iphone.png"/></li>
                                    </ul>
                                </div><!--end span3-->

			</div><!--end row-->

		</div><!--end conatiner-->


		<!--begain footer-->
		<footer>
		<div class="footerOuter">
			<div class="container">
				<div class="row-fluid">

					<div class="span6">
						<div class="titleHeader clearfix">
							<h3>LIENS UTILES</h3>
						</div>

						
						<div class="usefullLinks">
							<div class="row-fluid">
								<div class="span6">
									<ul class="unstyled">
										<li><a class="invarseColor" href="#"><i class="icon-caret-right"></i> A propos</a></li>
										<li><a class="invarseColor" href="#"><i class="icon-caret-right"></i> Contactez-Nous</a></li>
										<li><a class="invarseColor" href="#"><i class="icon-caret-right"></i>Théme/Module</a></li>
										<li><a class="invarseColor" href="#"><i class="icon-caret-right"></i>Examen</a></li>
									</ul>
								</div>

								<div class="span6">
									<ul class="unstyled">
										<li><a class="invarseColor" href="#"><i class="icon-caret-right"></i>FAQ</a></li>
										<li><a class="invarseColor" href="#"><i class="icon-caret-right"></i>Entreprise</a></li>
										<li><a class="invarseColor" href="#"><i class="icon-caret-right"></i>Formateur</a></li>
										
									</ul>
								</div>
							</div>
						</div>

					</div><!--end span6-->

					<div class="span3">
						<div class="titleHeader clearfix">
							<h3>Contact Info</h3>
						</div>

						<div class="contactInfo">
							<ul class="unstyled">
								<li>
									<button class="btn btn-small">
										<i class="icon-volume-up"></i>
									</button>
									Tél: <a class="invarseColor" href="#">5246-4697-891</a>
								</li>
								<li>
									<button class="btn btn-small">
										<i class="icon-envelope-alt"></i>
									</button>
									<a class="invarseColor" href="#">PA.learning@gmail.com</a>
								</li>
								<li>
									<button class="btn btn-small">
										<i class="icon-map-marker"></i>
									</button>
									22 Avenue 2mars....
								</li>
							</ul>
						</div>

					</div><!--end span3-->

					<div class="span3">
						<div class="titleHeader clearfix">
							<h3>Newslatter</h3>
						</div>

						<div class="newslatter">
							<form method="get" action="http://egythemes.com/shopfine/page">
								<input class="input-block-level" type="text" name="email" value="" placeholder="Your Name...">
								<input class="input-block-level" type="text" name="email" value="" placeholder="Your E-Mail...">
								<button class="btn btn-block" type="submit" name="">Join Us Now</button>
							</form>
						</div>

					</div><!--end span3-->

				</div><!--end row-fluid-->

			</div><!--end container-->
		</div><!--end footerOuter-->

		<div class="container">
			<div class="row">
				<div class="span12">
				<div class="fb-like" data-href="" data-layout="standard" data-action="like" data-show-faces="true" data-share="true"></div>	
				</div>
			</div>
		</div>
		</footer>
		<!--end footer-->

	</div><!--end mainContainer-->


	<!-- Sidebar Widget
	

	<!-- JS
	================================================== -->
        
	<script src="${pageContext.request.contextPath}/Vues/js/jquery.min.js"></script>
	<script src="${pageContext.request.contextPath}/Vues/js/jquery-ui.min.js"></script>
    <!-- jQuery.Cookie -->
	<script src="${pageContext.request.contextPath}/Vues/js/jquery.cookie.js"></script>
	<!-- bootstrap -->
    <script src="${pageContext.request.contextPath}/Vues/js/bootstrap.min.js"></script>
    <!-- flexslider -->
    <script src="${pageContext.request.contextPath}/Vues/js/jquery.flexslider-min.js"></script>
    <!-- cycle2 -->
    <script src="${pageContext.request.contextPath}/Vues/js/jquery.cycle2.min.js"></script>
    <script src="${pageContext.request.contextPath}/Vues/js/jquery.cycle2.carousel.min.js"></script>
    <!-- tweets -->
    <script src="${pageContext.request.contextPath}/Vues/js/jquery.tweet.js"></script>
    <!-- fancybox -->
    <script src="${pageContext.request.contextPath}/Vues/js/fancybox/jquery.fancybox.js"></script>
    <!-- custom function-->
    <script src="${pageContext.request.contextPath}/Vues/js/custom.js"></script>
    
</body>



</html>